<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path;
%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>    
<html>
<head>
<base href="<%=basePath%>">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>API_MANAGER</title>
    
</head>

<body>
<jsp:include page="/common/head.jsp"></jsp:include>
<div style="background:#edecec;">
	<div style="width:25%;float:left;height:auto;">
				<div>
					<jsp:include page="/tree.jsp"></jsp:include>
				</div>
			</div>
			<div id="contentDiv" style="width:75%;float:left;height:auto;">
			<form method="post" id="form1" action="<%=path%>/apiAction!insert">
				<table >
					<tr><td colspan="2">接口详情</td></tr>
					<tr><td>名称</td><td>
						<input type="text" style="width:240px;" id="cname" name="apis.cname"  /> 
						<input type="hidden" id="aid" name="cate.aid" value="${cate.aid }" />
						<input type="hidden" id="pid" name="cate.pid" value="${cate.pid }" />	
					</td></tr>
					<tr><td>描述</td><td><input type="text" style="width:500px;" name="apis.cdesc"  /> </td></tr>
					<tr><td>开发人员</td><td>
						<select name="apis.devuser" id="apisdevuser" style="width:100px;">
							<c:forEach var="user" items="${users}">   
							      <option value="${user.id }">${user.niceName}</option>
							</c:forEach> 
						</select>
 </td></tr>
					<tr><td>类型</td><td>
						<select name="apis.type" id="apistype" style="width:100px;">
							<option value="POST">POST</option>
							<option value="GET">GET</option>
						</select>
					 </td></tr>
					<tr><td>请求URL</td><td><input type="text" style="width:500px;" id="url" name="apis.url" /> 
					</td></tr>
					<tr><td>状态</td><td>
						<select name="apis.isok" id="apisisok" style="width:180px;">
							<option value="ok">接口文档撰写完成</option>
							<option value="no">接口文档撰写没完成</option>
							<option value="dev">接口开发阶段</option>
							<option value="over">接口开发完成</option>
							<option value="testno">口开发完成没有自测</option>
							<option value="testok">接口开发完成已经自测完成</option>
						</select>
					</td></tr>
				</table>
				<br/>
				<div>
				<br>
				<br>请求参数列表<br>
					<table id="tab" border="1" width="100%">
				        <tr>
				            <td width="40px">序号</td>
				            <td>名称</td>
				            <td>描述</td>
				            <td>类型</td>
				            <td>是否必填</td>
				            <td>备注</td>
				            <td>操作</td>
				       </tr>
				    </table>
				    <div style="border:2px; 
				                border-color:#00CC00; 
				                margin-top:20px">
				        <input type="button" id="butHead" value="增加 head"/>
				        
				        <input type="button" id="butBody" value="增加 body"/>
				    </div>
				    <br>
					<br>响应参数列表
					<br>
					<textarea name="apis.callbak" rows="10" cols="100" style="resize: none;"></textarea>
					<br><br>
					<a href="javascript:void(0)" id="save1" class="easyui-linkbutton">保存</a>
					<div style="color:red" id="message"></div>
				</div>
					</form>
	</div>
	
	
</div>

<script type="text/javascript">
$(document).ready(function(){
	$("#jspname").val("apiadd");
	
	$("#go1").click(function(){
		window.location.href="<%=path%>/apiAction!gotoapiedit?cate.aid="+$("#aid").val()+"&cate.pid="+$("#pid").val();
	});
	
	//<tr/>居中
    $("#tab tr").attr("align","center");
    
    //增加<tr/>
    $("#butHead").click(function(){
        var _len = $("#tab tr").length;        
        $("#tab").append("<tr id="+_len+" align='center'>"
                            +"<td>"+_len+"</td>"
                            +"<td><input type='text' name='apis.apipras["+(_len-1)+"].cname' id='cname"+(_len-1)+"' value='head.'/></td>"
                            +"<td><input type='text' name='apis.apipras["+(_len-1)+"].cdesc' id='cdesc"+(_len-1)+"'/></td>"
                            //+"<td><input type='text' name='apis.apipras["+(_len-1)+"].type' id='type"+(_len-1)+"'/></td>"
                            +"<td>"
                            +"<select name='apis.apipras["+(_len-1)+"].type' id='type"+(_len-1)+"'>"
                            +"<option value='STRING'>String</option>"
                            +"<option value='INT'>int</option>"
                            +"<option value='DATE'>Date</option>"
                            +"<option value='DECIMAL'>decimal</option>"
                            +"<option value='LONG'>Long</option>"
                            +"<option value='DOUBLE'>Double</option>"
                            +"<option value='JSON'>JSON</option>"
                            +"<option value='JSONARRAY'>JSONArray</option>"
                            +"</select>"
                            +"</td>"
                            +"<td><input type='checkbox' name='apis.apipras["+(_len-1)+"].required' id='required"+(_len-1)+"'></td>"
                            +"<td><textarea type='text' name='apis.apipras["+(_len-1)+"].cbak' id='cbak"+(_len-1)+"'></textarea></td>"
                            +"<td><a href=\"javascript:void(0)\" onclick=\'deltr("+(_len)+")\'>删除</a></td>"
                        +"</tr>");            
    });
    
    $("#butBody").click(function(){
        var _len = $("#tab tr").length;        
        $("#tab").append("<tr id="+_len+" align='center'>"
                            +"<td>"+_len+"</td>"
                            +"<td><input type='text' name='apis.apipras["+(_len-1)+"].cname' id='cname"+(_len-1)+"' value='body.'/></td>"
                            +"<td><input type='text' name='apis.apipras["+(_len-1)+"].cdesc' id='cdesc"+(_len-1)+"'/></td>"
                            //+"<td><input type='text' name='apis.apipras["+(_len-1)+"].type' id='type"+(_len-1)+"'/></td>"
                            +"<td>"
                            +"<select name='apis.apipras["+(_len-1)+"].type' id='type"+(_len-1)+"'>"
                            +"<option value='STRING'>String</option>"
                            +"<option value='INT'>int</option>"
                            +"<option value='DATE'>Date</option>"
                            +"<option value='DECIMAL'>decimal</option>"
                            +"<option value='LONG'>Long</option>"
                            +"<option value='DOUBLE'>Double</option>"
                            +"<option value='JSON'>JSON</option>"
                            +"<option value='JSONARRAY'>JSONArray</option>"
                            +"</select>"
                            +"</td>"
                            +"<td><input type='checkbox' name='apis.apipras["+(_len-1)+"].required' id='required"+(_len-1)+"'></td>"
                            +"<td><textarea type='text' name='apis.apipras["+(_len-1)+"].cbak' id='cbak"+(_len-1)+"'></textarea></td>"
                            +"<td><a href=\"javascript:void(0)\" onclick=\'deltr("+(_len)+")\'>删除</a></td>"
                        +"</tr>");            
    });
    
    $("#save1").click(function(){
    	var cname = $("#cname").val(); 
    	var url = $("#url").val(); 
		if(cname == ''){
			$("#message").html('接口名称不能为空！');
			return false;
		}
		if(url == ''){
			$("#message").html('请求URL不能为空！');
			return false;
		}
		$.ajax({
            type: 'POST',
            dataType: 'html',
            url: '<%=path%>/apiAction!insert',
            data: $('#form1').serialize(),
            success: function (data) {
            	if(data == 'success'){
            		window.location.href="<%=path%>/apiAction!gotoapiedit?cate.aid="+$("#aid").val()+"&cate.pid="+$("#pid").val();
            	}else{
            		$("#message").html(data);
            	}
            },
            error: function(data) {
                //alert("error:"+data.responseText);
            	$("#message").html(data);
            }

        });


	});
	
});
//删除<tr/>
var deltr =function(index)
{
    var _len = $("#tab tr").length;
    $("tr[id='"+index+"']").remove();//删除当前行
    for(var i=index,j=_len;i<j;i++)
    {
    	var next = i+1;
    	if(next<_len){
    		$("tr[id=\'"+next+"\']")
            .replaceWith("<tr id="+i+" align='center'>"
                            +"<td>"+i+"</td>"
                            +"<td><input type='text' name='apis.apipras["+(i-1)+"].cname' id='cname"+(i-1)+"'  value='" + $('#cname'+i).val() + "'/></td>"
                            +"<td><input type='text' name='apis.apipras["+(i-1)+"].cdesc' id='cdesc"+(i-1)+"' value='" + $('#cdesc'+i).val() + "'/></td>"
                            +"<td><input type='text' name='apis.apipras["+(i-1)+"].type' id='type"+(i-1)+"'  value='" + $('#type'+i).val() + "'/></td>"
                            +"<td><input type='text' name='apis.apipras["+(i-1)+"].cbak' id='cbak"+(i-1)+"'  value='" + $('#cbak'+i).val() + "'/></td>"
                            +"<td><a href=\"javascript:void(0)\" onclick=\'deltr("+i+")\'>删除</a></td>"
                        +"</tr>");
    	}
        
    }    
    
}
var plcname=$(".plcname").html(),
isAdd=/apiAction!gotoapiadd/i.test(location.href.split("#")[0]);
if(isAdd&&plcname==='pigtreasure'){
var _len = $("#tab tr").length;
addTabTr(_len,'head.token','token','STRING','');
_len++;
addTabTr(_len,'head.farmid','猪场ID','STRING','');
_len++;
addTabTr(_len,'head.userid','用户ID','INT','');
_len++;
addTabTr(_len,'head.mobiletype','APP类型','STRING','ANDROID=安卓;IOS=苹果');
}

function addTabTr(len,cname,cdesc,optionSelect,cbak){
 $("#tab").append("<tr id="+_len+" align='center'>"
         +"<td>"+_len+"</td>"
         +"<td><input type='text' name='apis.apipras["+(_len-1)+"].cname' value='"+cname+"' id='cname"+(_len-1)+"' /></td>"
         +"<td><input type='text' name='apis.apipras["+(_len-1)+"].cdesc' value='"+cdesc+"' id='cdesc"+(_len-1)+"'/></td>"
         +"<td>"
         +"<select name='apis.apipras["+(_len-1)+"].type' id='type"+(_len-1)+"'>"
         +"<option value='STRING'>String</option>"
         +"<option value='INT'>int</option>"
         +"<option value='DATE'>Date</option>"
         +"<option value='DECIMAL'>decimal</option>"
         +"<option value='LONG'>Long</option>"
         +"<option value='DOUBLE'>Double</option>"
         +"<option value='DECIMAL'>decimal</option>"
         +"<option value='JSON'>JSON</option>"
         +"<option value='JSONARRAY'>JSONArray</option>"
         +"</select>"
         +"</td>"
         +"<td>"
        +"<input type='text' name='apis.apipras["+(_len-1)+"].cbak' value='"+cbak+"' id='cbak"+(_len-1)+"'/>"
         +"</td>"
         +"<td><a href=\"javascript:void(0)\" onclick=\'deltr("+_len+")\'>删除</a></td>"
     +"</tr>");
 $("#type"+(_len-1)).val(optionSelect);
}
</script>
</body>
</html>